import React from "react";
import AnimationVisible from "../../../components/AnimationVisible";
const Screen5 = () => {
  return (
    <AnimationVisible>
      <div className="screen-item screen-item5 screen-introduce">
        <div className="screen-item-left " style={{ position: "relative" }}>
          <span style={{
            border:'1px solid #0012EF',
            borderRadius:15,
            color:'#0012EF',
            padding:'5px 20px',
            right:100,
            top:60,
            position:'absolute'
          }} className="fadeInUp">一站式服务</span>
          <img
            className="fadeInUp"
            style={{ position: "absolute", top: "200px",right:650}}
            src="https://www.tec-do.com/static/home/images/v2/chcp/shop1.png"
          />
          <img
            className="fadeInUp"
            style={{ position: "absolute", top: "100px", right: "280px" }}
            src="https://www.tec-do.com/static/home/images/v2/chcp/shop2.png"
          />
          <img
            className="fadeInUp"
            style={{ position: "absolute", top: "200px", right: "60px" }}
            src="https://www.tec-do.com/static/home/images/v2/chcp/shop3.png"
          />
          <img
            className="fadeInUp"
            style={{ position: "absolute", top: "480px", right: 280 }}
            src="https://www.tec-do.com/static/home/images/v2/chcp/icon/arrow.png"
          />
        </div>
        <div className="screen-item-right">
          <div className="wrap ">
            <img
              className="fadeInUp"
              src="https://www.tec-do.com/static/home/images/v2/chcp/icon/web.png"
            />

            <div className="title fadeInUp">
              全链路商城建设
              <br />
              快速启动跨境生意
            </div>
            <ul className="list fadeInUp">
              <li>打造直连全球消费者的电商网站</li>
              <li>专业营销工具实现全渠道获客</li>
              <li>用户画像分析成就精准智慧营销</li>
              <li>履约赋能平台确保业务扩张</li>
            </ul>
            <div className="btn fadeInUp">了解更多</div>
          </div>
        </div>
      </div>
    </AnimationVisible>
  );
};
export default Screen5;
